<script setup>

</script>

<template>
	<el-card style="max-width: 400px">
		<template #header>
			<div class="card-header flex fJustifyBetween fAlignCenter f14">
				<div>访问数</div>
				<div class="tag">月</div>
			</div>
		</template>
		<div>

		</div>
	</el-card>
</template>

<style scoped lang="scss">

	.el-card {
		background: var(--background-color);
		color: var(--text-color);
		border: var(--border-color) 1px solid;

		:deep(.el-card__header) {
			padding: 10px 20px;
			border: var(--border-color) 1px solid;
		}
	}

	.tag {
		border: 1px solid;
		padding: 2px;
		background: var(--primary-color);
		color: var(--background-color);
	}
</style>